/*
 *  Copyright 2022 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

@import url('../../../styles/variables.less');
@summary-panel-offset: 80px; // (topnav height) 64px + page padding top and bottom 16px

.summary-panel-container {
  margin-right: -8px;
  position: sticky;
  height: calc(100vh - @summary-panel-offset);
  z-index: 9;
  box-shadow: none;
  border: @global-border;
  border-top: none;
  font-size: 14px;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;

  .ant-drawer-content-wrapper {
    box-shadow: none;
  }
  .ant-drawer-body {
    padding: unset;
  }

  .summary-panel-statistics-count {
    color: @text-color-secondary;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
  }

  .entity-title {
    font-weight: 500;
  }

  .ant-divider-horizontal {
    margin: 16px 0px;
  }

  .close-icon {
    position: absolute;
    top: 12px;
    right: 12px;
  }

  .summary-schema-editor {
    margin: 16px 0px;
    border: @global-border;
    border-radius: 4px;
  }

  .link {
    color: @primary-color;
  }
}

.show-panel::-webkit-scrollbar {
  display: none;
}
